<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.sa{
				width: 300px;
				background-color: #FFC;
			}
			.sb{
				font-size: 23px;
				height: 50px;
				color: #FFF;
				background-color: #F36 ;
				font-weight: bold;
			}
			.sc{
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			.sd{
				border-bottom-style:dashed ;
				border-bottom-width: 1px;
				background-color: #FFF;
				
			}
			a:hover span{
				background-repeat: no-repeat;
				background-position: center center;
				padding:10px;
				color:#000;
				cursor:pointer;
			}
			a:hover{
				
				color: #FFF;
			}
			span{
				
				width: 50px;
				height: 50px;
				border-radius: 50%;
				background-color: #fff;
				text-align: center;
				line-height: 50px;
		

			}
			a{text-decoration:none;
			 
				color:#CCC}
				
			#aaa li div{
				display:none;
				text-algin:center;
				}
			#aaa a:hover div{
				display:block;
				}		
			
		</style>
	</head>
	<body class="sa">
		<div id="aaa">
			<div class="sb">大家都喜欢的彩妆</div>
			<div><ul class="sc">
				
	        <a href="#"><li class="sd"><span>1</span> Za姬芮新能真皙美白隔离霜 35g <div><img src="img/icon-1.jpg"<p>￥62.00 最近69122人购买</p></div></li></a>
			<a href="#"><li class="sd"><span>2</span> 美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml 35g <div> <img src="img/icon-2.jpg"<p>￥89.00 最近13610人购买</p></div></li></a>
			<a href="#"><li class="sd"><span>3</span> 菲奥娜水漾CC霜40g <div><img src="img/icon-3.jpg"<p>￥59.90 最近13403人购买</p></div></li></a>
			<a href="#"><li class="sd"><span>4</span> DHC 蝶翠诗橄榄卸妆油 200ml <div><img src="img/icon-4.jpg"<p>￥169.00 最近16757人购买</p></div></li></a>

		</ul>
		</div>
		</div>
	</body>
</html>
